<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
	page{
		background-color: #F7F7F7;
		--theme-color:#00785A;
	}
	* {
		text-decoration: none;
		font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
		transition: color 0.5s,background 0.5s, border 0.5s, opacity 0.5s, padding 0.5s, height 0.5s, width 0.5s ;
		max-width: 100vw;
	}
	.flex-center-start{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.flex-center-between{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.flex-center-around{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.flex-center-center{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.flex-start-between{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.flex-start-around{
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
	}
	.flex-column-center-start{
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.flex-column-start-start{
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: start;
		text-align: center;
	}
	.flex-column-center-around{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
	}
	.ellipsis{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>